@/*
    表单中iconselect框标签中各个参数的说明:
    id : input框id
    name : input框名称
    clickFun : 点击事件的方法名
    style : 附加的css属性
    width: 自定义宽默认100%
@*/
@if(isEmpty(width)){
@	width="100%";
@}
<div class="form-group">
    @if(!isEmpty(name)){
    <label class="lab">${name}</label>
    @}
    <div class="ele ${isEmpty(name)?'ele-fit':''}">
        <input class="textbox" id="${id}" name="${id}" style="width:${width!}"
               @if(isNotEmpty(value)){
                    value="${value}"
               @}
               @if(isNotEmpty(type)){
                    type="${type}"
               @}else{
                    type="text"
               @}
        >
		@if(isNotEmpty(tips)){
	        <span class="help-block m-b-none">${tips!}</span>
		@}
    </div>
</div>
<script type="text/javascript">
    var _iconselect_selectCallBack_${id} = function(data){
        $("#${id}").val(data);
    }
    $("#${id}").click(function(){
        //最大化当前窗口
        var index = Sys.layer.open({
            type: 2,
            title: '双击选择图标',
            area: ['568px', '350px'], //宽高
            fix: false, //不固定
            maxmin: true,
            content: '/static/common/_fontawesome.html',
            success: function(layero, index){
                var iframeWin = layero.find('iframe')[0].contentWindow; //得到iframe页的窗口对象，执行iframe页的方法：iframeWin.method();
                iframeWin._fontawesome.selectCallBack=_iconselect_selectCallBack_${id};
            }
        });
    });
</script>
@if(isNotEmpty(underline) && underline == 'true'){
    <div class="hr-line-dashed"></div>
@}
